<html lang="en">
<head>
    <meta charset="utf-8"/>
    <meta name="viewport" content="initial-scale=1.0,user-scalable=no,maximum-scale=1,width=device-width">
    <title>会所概况</title>
    <script type="text/javascript" src="http://newstatic.fcdev.pretang.com/fcwap/1.9.0/common/js/share.js"></script>
    <script type="text/javascript" src="http://newstatic.fcdev.pretang.com/fcwap/1.9.0/common/js/jsDialog.js"></script>
    <script type="text/javascript" src="http://newstatic.fcdev.pretang.com/fcwap/1.9.0/common/js/iscroll.js"></script>
    <script type="text/javascript" src="http://newstatic.fcdev.pretang.com/fcwap/1.9.0/common/js/zepto.min.js"></script>
    <script type="text/javascript">
        //底部菜单展开收起功能
        var hasTouch = 'ontouchstart' in window;
        var END_EV = hasTouch ? 'touchend' : 'mouseup';
        var orgain_href = document.location.href;
        var local_href = document.location.href;
        if (orgain_href.indexOf("?") != -1) {
            local_href = document.location.href;
        }

        $(function () {
            $('input,textarea').on('focus', function () {
                $('#JS_footerNav').addClass('none');
                if ($('#senddiv')) {
                    $('#senddiv').css('bottom', '0px');
                }
            })
            $('input,textarea').on('blur', function () {
                $('#JS_footerNav').removeClass('none');
                if ($('#senddiv')) {
                    $('#senddiv').css('bottom', '45px');
                }
            });

            // 加载遮罩层
            var str = "<div id='zhezhao' class='zhezhao none' style='position:fixed; width:100%;height:100%;top:0;'><a href='javascript:void;' style='display:inline-block; width:100%;height:100%;'></a></div>"
            $("body").append(str);

            var hasTouch = 'ontouchstart' in window;
            var START_EV = hasTouch ? 'touchstart' : 'mousedown';
            var END_EV = hasTouch ? 'touchend' : 'mouseup';
            /*底部菜单点击效果*/
            $('#JS_footerNav td').each(function (i) {
                $(this).on('click', function (e) {
                    if ($(this).hasClass('current')) {
                        $(this).removeClass('current');
                        $("#zhezhao").addClass("none");
                    } else {
                        $('#JS_footerNav td').removeClass("current").eq(i).addClass("current");
                        $("#zhezhao").removeClass("none");
                    }
                    var subNav = $(this).find('.subNav');
                    subNav.css('margin-right', subNav[0].offsetWidth / -2 + 'px');
                    if (i == 3 && subNav[0].offsetWidth > $(this)[0].offsetWidth) {
                        subNav.css({'right': '5px', 'margin-right': '0px'});
                    }
                    e.stopPropagation();
                })
            });
        });

        var MAN_default_pic = 'http://newstatic.fcdev.pretang.com/fcwap/1.9.0/estate/default/images/head_portrait_man.png';
        var WOMAN_default_pic = 'http://newstatic.fcdev.pretang.com/fcwap/1.9.0/estate/default/images/head_portrait.png';

        //客户点关闭按钮响应事件 2014-11-24
        function accept_send_invite_close() {
            EasyMask.close();
            window.location.reload();
        }
        //   end

        function showSharelayer() {
            showMaskLayer();
            $('#JS_yanshi_lyer').removeClass('none');
            $('#JS_share_layer').addClass('none');
            $('#JS_mask').bind('click', closeSharelayer);
        }
        function closeSharelayer() {
            hideMaskLayer();
            $('#JS_yanshi_lyer').addClass('none');
        }

        $('#JS_mask').on(END_EV, function () {
            closeSharelayer();
        });

        function shareContent() {

            var url = window.location.href;
            window.location.href = "/pwap/hrxfc/userLogin?from=" + encodeURIComponent(url);
            return;

            showMaskLayer();
            $('#JS_share_layer').removeClass('none');
        }

        function hideShare() {
            hideMaskLayer();
            $('#JS_share_layer').addClass('none');
        }

        function showMaskLayer() {//显示遮罩层
            var op = document.getElementById('JS_mask');
            if (op) {
                op.parentNode.removeChild(op)
            }
            var height = (document.body.scrollHeight >= window.screen.availHeight) ? document.body.scrollHeight : window.screen.availHeight;
            var mask = document.createElement('div');
            mask.id = 'JS_mask';
            mask.className = 'maskLayer';
            mask.style.cssText = 'height:' + height + 'px';
            document.body.appendChild(mask);
            $('#JS_mask').on(END_EV, function () {
                hideShare();
            });
        }
        function hideMaskLayer() {//关闭遮罩层
            var op = document.getElementById('JS_mask');
            if (!op) return;
            op.parentNode.removeChild(op);
            $('#JS_yanshi_lyer').addClass('none');
        }

        function autoReload() {
            window.location.reload();
        }

    </script>
    <script type="text/template" id="shareContentText"></script>
    <script type="text/template" id="memberShareContentText"></script>
    <link rel="stylesheet" href="./static/new_ui/new_css/base_v3.2.css">
    <link rel="stylesheet" href="./static/new_ui/new_css/modal.css">
</head>
<body>
<div class="hideFooter clearFix"
     style="position:fixed;width:100%;height:50px;bottom:0;background-color:rgba(0,0,0,.8);z-index:20005;">
    <a class="fl" id="historyBtn" style="width: 33.33333333333%;height:50px;" href="javascript:history.go(-1);">
        <span style="display:block;width:25px;height:25px;float:left;background:url(./static/new_ui/images/back.png) center center no-repeat;background-size:30px 25px;margin: 11px 0 0 20px;"></span>
    </a>

    <a class="fr menu-toggle-new" style="width: 33.33333333333%;height:50px;" href="javascript:void(0);">
        <span style="display:block;width:25px;height:25px;float:right;background:url(./static/new_ui/images/mune.png) center center no-repeat;background-size:30px 25px;margin:13px 20px 0 0"></span>
    </a>

    <div class="menu-pop-new"
         style="display:none; padding:0 5px; min-width:76px; height: 137px;background-color:rgba(0,0,0,.8);position: absolute;right:15px;top: -150px;border-radius: 3px;text-align: center;z-index: 20001">
        <div style="width:0;height: 0;border-top: 8px solid rgba(0,0,0,.8);border-left: 8px solid transparent;border-right: 8px solid transparent;border-bottom: 8px solid transparent;position: absolute;top: 137px;right: 10px;"></div>
        <ul>
            <li>
                <a style="display:block;height: 45px;line-height: 45px;color: #fff" href="/phone">俱乐部介绍</a>
            </li>
            <li>
                <a style="display:block;height: 45px;line-height: 45px;color: #fff" href="/news">最新活动</a>
            </li>
            <li>
                <a style="display:block;height: 45px;line-height: 45px;color: #fff;border-top:1px solid #4b4a48;"
                   href="/isLogin">个人中心</a>
            </li>


        </ul>
    </div>
    <div id="zhezhao" class="zhezhao none" style="position:fixed; width:100%;height:100%;top:0;z-index: 20000"><a
            href="javascript:void(0);" style="display:inline-block; width:100%;height:100%;"></a></div>
</div>


<script type="text/javascript" src="./static/js/jquery-1.8.0.min.js"></script>
<script type="text/javascript" src="./static/js/base_v3.2.0.js"></script>
<script type="text/javascript" src="./static/js/modal.js"></script>
<link type="text/css" rel="stylesheet"
      href="http://newstatic.fcdev.pretang.com/fcwap/1.9.0/estate/default/css/modal.css">
<script type="text/javascript">
    $(function () {
        $(window).resize(function () {
            var windowHeight = $(window).innerHeight();
            $(".theme-3").css({height: windowHeight})
        });
        $("#mod1").live('click', function () {
            $("#myModal-title").modal("hide");
            $("#myModal-title1").modal("show");
        });

        $("#myModal_ok").live("click", function () {
            $("#myModal-title1").modal("hide");
        });
        $("#myModalClose").live("click", function () {
            $("#myModal-title").modal("hide");
        });
        $("#myModalImg").live('click', function () {
            $("#myModal-title").modal("hide");
        });
        $("#myModalImg1").live('click', function () {
            $("#myModal-title1").modal("hide");
        });
        var hasTouch = 'ontouchstart' in window;
        var START_EV = hasTouch ? 'touchstart' : 'mousedown';
        var MOVE_EV = hasTouch ? 'touchmove' : 'mousemove';
        var END_EV = hasTouch ? 'touchend' : 'mouseup';

    });
</script>


<script type="text/javascript"
        src="http://newstatic.fcdev.pretang.com/fcwap/1.9.0/common/js/zepto.touchwipe.js"></script>
<script src="http://api.map.baidu.com/api?v=1.4" type="text/javascript"></script>
<script type="text/javascript"
        src="http://api.map.baidu.com/getscript?v=1.4&amp;ak=&amp;services=&amp;t=20141230041930"></script>


<link rel="stylesheet" href="./static/new_ui/new_css/idangerous.swiper.css">


<div class="building-situation">


    <div class="top-nav">
        <h1 class="building-name">中华健身会所</h1>

        <div class="nav-module clearFix">
            <a class="nav-one current nav-btn fl">
                <img src="./static/new_ui/images/building-situation-img01.png" alt="">
                <img src="./static/new_ui/images/building-situation-img01-checked.png" alt=""><em></em></a>
            <a class="nav-two nav-btn fl">
                <img src="./static/new_ui/images/building-situation-img02.png" alt="">
                <img src="./static/new_ui/images/building-situation-img02-checked.png" alt=""><em class="none"></em></a>
            <a class="nav-three nav-btn fl">
                <img src="./static/new_ui/images/building-situation-img03.png" alt="">
                <img src="./static/new_ui/images/building-situation-img03-checked.png" alt=""><em class="none"></em></a>
        </div>
    </div>
    <div class="contents">
        <div class="con-one con-module" style="height: 353px; overflow-y: auto; overflow-x: hidden;">
            <div class="con border-bot">
                <h2 class="title"><span class="introduce-ico"></span>俱乐部介绍</h2>
                <pre style="font-size: 0.75em;line-height: 1.5em;margin-top: 3px;word-wrap: break-word;font-family: '微软雅黑';">中华健身俱乐部，是山东省专业健身会所之一，拥有国际化健身管理体系和全套标准的有氧、无氧健身器械，拥有获得国家资格认证的私人教练团队与明星教练组合。由专业的健身教练按照国际最新流行时尚和健康标准，为每一位会员量身订制健身计划和营养处方，提供全面、科学、专业的尊贵服务。俱乐部的教练在全国比赛中屡获优秀成绩，为山东争光添彩。连续多年被济南市体育局、山东省体育局评为先进单位、示范及重信用单位， 2006年1月被中国民政部评为全国民办非企业单位自律与诚信建设先进单位。
                </pre>
            </div>
            <div class="con">
                <h2 class="title"><span class="details-ico"></span>俱乐部详情</h2>

                <p>营业时间：<span>
                                
                                09:00-21:00</span></p>


                <p>俱乐部高度：<span>
                        
                         3层
                        </span></p>

                <p>俱乐部面积：<span>
                            7170平米
                    </span></p>


                <p>客容纳人数：<span>1000</span></p>

                <p>停车位：<span>地下停车场</span></p>

                <p>运营商：<span>中华健身俱乐部</span></p>
            </div>
        </div>
        <div class="con-two con-module none" style="height: 353px; overflow-y: auto; overflow-x: hidden;">
            <div class="con border-bot">
                <h2 class="title"><span class="introduce-ico"></span>健身项目</h2>
                <pre style="font-size: 0.75em;line-height: 1.5em;margin-top: 3px;word-wrap: break-word;font-family: '微软雅黑';">高温瑜伽、有氧舞蹈、动感单车、街舞、肚皮舞、跆拳道、搏击散打、普拉提、活力踏板、芭蕾形体、炫拉丁、杠铃操、力量器械、塑身球。</pre>
            </div>
            <div class="con">
                <h2 class="title"><span class="traffic-ico"></span>交通状况</h2>
                <pre style="font-size: 0.75em;line-height: 1.5em;margin-top: 3px;word-wrap: break-word;font-family: '微软雅黑';">115、116、136、306、303、305、311等到邢村下车即可到达。</pre>
            </div>
        </div>
        <div class="con-three con-module none" style="height: 353px; overflow-y: auto; overflow-x: hidden;">
            <div class="con">
                <h2 class="title"><span class="location-ico"></span>位置</h2>

                <p>俱乐部地址：济南市历城区经十东路与唐冶西路交口西北角</p>

                <p>俱乐部热线：<strong><a href="tel:0531-83285777">0531-88888888</a></strong></p>



            </div>
        </div>

    </div>
</div>


<script type="text/javascript" src="./static/js/jquery.easing.min.js"></script>

<input type="hidden" id="msg_remind_id" value="0">

<script type="text/javascript">
    $(function () {
        var windowH = $(window).innerHeight();
        var topNavH = $(".top-nav").outerHeight();
        $(".con-module").css({height: (windowH - topNavH - 88), overflow: 'hidden', overflowY: 'auto'});
        $(".nav-module .nav-btn").each(function (i) {
            $(this).click(function () {
                $(".nav-module .nav-btn").removeClass('current').eq(i).addClass('current');
                $(".nav-module .nav-btn em").hide();
                $(this).find('em').show();
                $(".con-module").hide().eq(i).show();
            });
        })
    })
    $(function () {
        //重新设置视频宽度
        var _iframe = $('.video').find("iframe");
        if (_iframe.length > 0) {
            var video_width = $("#JS_video")[0].clientWidth;
            var n_height = parseInt(9 / 16 * video_width);
            $(_iframe).removeAttr("style");
            $(_iframe).attr("height", n_height + "px");
            $(_iframe).attr("width", video_width + "px");
        }
        $('#JS_info_show .more').click(function () {
            if ($(this).hasClass('rotate')) {
                $(this).removeClass('rotate');
                $('span', this).html('点击收起');
                $(this).parent().prev('.conte').addClass('show');
            } else {
                $(this).addClass('rotate');
                $('span', this).html('查看更多');
                $(this).parent().prev('.conte').removeClass('show');
            }
        });

        if (document.referrer) {
            return false;
        } else {
            $("#menu_back").attr("href", "/pwap/hrxfc/");
        }
    });
    $(function () {
        getMapImg();
        //initMap();
        showBg();
        setTimeout("showBg()", 2000);
        initShareData();
    });

    function initShareData() {
        window.shareData = {};
        window.shareData.imgUrl = "";
        window.shareData.sendFriendLink = window.location.href;
        window.shareData.timeLineLink = window.location.href;
        window.shareData.fContent = "";
        window.shareData.tContent = "";
        window.shareData.fTitle = "";
        window.shareData.tTitle = "这个楼盘值得买，还能拿建大币！";
    }

    function showBg() {
        var width = document.body.offsetWidth;
        var height = document.body.offsetHeight;
        $('#JS_mask_layer').css({'width': width + 'px', 'height': height + 'px'});
        $('#JS_mask_layer').click(function () {
            $(this).addClass('none');
            $('.yanshi_lyer').addClass('none');
        })
    }

    function initMap() {
        var map = new BMap.Map("build_map");
        var point = new BMap.Point(117.014568, 36.687692);
        map.centerAndZoom(point, 15);
        map.addControl(new BMap.NavigationControl());
        var marker = new BMap.Marker(point);
        map.addOverlay(marker);
    }

    function getMapImg() {
        var winWidth;
        /*if (window.innerWidth)
         winWidth = window.innerWidth;
         else if ((document.body) && (document.body.clientWidth))
         winWidth = document.body.clientWidth;

         //通过深入Document内部对body进行检测，获取窗口大小
         if (document.documentElement  && document.documentElement.clientHeight &&
         document.documentElement.clientWidth)
         {
         winWidth = document.documentElement.clientWidth;
         }*/
        winWidth = $("#build_map").width();

        if (!winWidth && winWidth == 0) {
            winWidth = 320;
        }
        var src = "http://api.map.baidu.com/staticimage?center=117.014568,36.687692&zoom=17&markers=117.014568,36.687692&height=200px&width=" + winWidth + "px";
        $("#buildMapImg").attr("src", src);
    }
</script>


</body>
</html>